<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <h2>用户注册</h2>
    <!-- form表单用于编写和提交表单数据，可以在action中填写服务端接口地址
     搭配submit按钮就可以提交数据
    目前主流开发方式里面，较少使用表单直接提交数据了
    -->
    <form action="">
        <!-- 输入框 -->
        <label for="name">用户名：</label>
        <input type="text" id="name">
        <br>

        <!-- 密码框 -->
        <label for="password">密码：</label>
        <input type="password" id="password">
        <br>

        <!-- 单选框 -->
        <label>性别：</label>
        <input type="radio" name="sex"> 男 
        <input type="radio" name="sex"> 女
        <input type="radio" name="sex">未知
        <br>
        
        <!-- 多选框 -->
        <label>爱好：</label>
        <input type="checkbox" name="hobby"> 唱
        <input type="checkbox" name="hobby"> 跳
        <input type="checkbox" name="hobby"> rap
        <input type="checkbox" name="hobby"> 篮球
        <br>

        <!-- 邮箱输入框 -->
        <label for="email">邮箱：</label>
        <input type="email" id="email">
        <br>

        <!-- 文件选择框 -->
        <label for="file">头像：</label>
        <input type="file" id="file">
        <br>

        <!-- 选择器 -->
        <label>籍贯：</label>
        <select>
            <option>安徽</option>
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
        </select>
        <br>

        <!-- 多文本输入框 -->
        <label>意见：</label>
        <textarea rows="6"></textarea>
        <br>

        
        <label>时间：</label>
        <input type="date"><input type="time">
        <br>
        <input type="submit" value="确定">
        <input type="reset">
   </form>
</body>
</html>